/* Accordion - Arrows Boxed | Standalone v4
   No Bootstrap, jQuery, Unify, or Font Awesome required.
   Existing legacy classes remain in the markup for backwards-compatible site overrides.

   OPTIONAL SUPERFLEXI ADVANCED SETTINGS STRING:
   --aab-accent:#003f6b;--aab-text:#404040;--aab-title-color:#404040;--aab-title-hover-color:#003f6b;--aab-title-active-color:#003f6b;--aab-arrow-color:#4f5960;--aab-border:#c9c9c9;--aab-background:#fff;--aab-hover-background:#fafafa;--aab-active-background:#fff;--aab-radius:4px;--aab-title-size:18px;--aab-title-weight:400;--aab-body-size:15px;--aab-item-gap:18px;--aab-speed:220ms;
*/

.accordion-arrows-boxed {
  --aab-accent:#003f6b;
  --aab-text:#404040;
  --aab-title-color:#404040;
  --aab-title-hover-color:#003f6b;
  --aab-title-active-color:#003f6b;
  --aab-arrow-color:#4f5960;
  --aab-border:#c9c9c9;
  --aab-background:#fff;
  --aab-hover-background:#fafafa;
  --aab-active-background:#fff;
  --aab-radius:4px;
  --aab-title-size:18px;
  --aab-title-weight:400;
  --aab-body-size:15px;
  --aab-item-gap:18px;
  --aab-speed:220ms;
}

.accordion-arrows-boxed,
.accordion-arrows-boxed * {box-sizing:border-box}

/* Recreate only the Bootstrap/Unify pieces this solution uses. The extra wrapper
   specificity intentionally beats Unify's defaults when this module is used on an
   older Unify skin, while normal site-specific overrides can still target these
   same legacy classes. */
.accordion-arrows-boxed .card {position:relative;min-width:0;word-wrap:break-word;background:var(--aab-background)}
.accordion-arrows-boxed .g-brd-none {border:none !important}
.accordion-arrows-boxed .rounded-0 {border-radius:0 !important}
.accordion-arrows-boxed .g-mb-15 {margin-bottom:var(--aab-item-gap) !important}
.accordion-arrows-boxed .g-pa-0 {padding:0 !important}
.accordion-arrows-boxed .mb-0 {margin:0}
.accordion-arrows-boxed .d-flex {display:flex}
.accordion-arrows-boxed .g-color-main {color:var(--aab-title-color) !important}
.accordion-arrows-boxed .g-text-underline--none--hover,
.accordion-arrows-boxed .g-text-underline--none--hover:hover,
.accordion-arrows-boxed .g-text-underline--none--hover:focus {text-decoration:none !important}
.accordion-arrows-boxed .g-brd-around {border:1px solid transparent !important}
.accordion-arrows-boxed .g-brd-gray-light-v4 {border-color:var(--aab-border) !important}
.accordion-arrows-boxed .g-rounded-5 {border-radius:var(--aab-radius) !important}
.accordion-arrows-boxed .g-pa-10-15 {padding:9px 13px !important}
.accordion-arrows-boxed .g-mr-10 {margin-right:10px !important}

/* Presentation: close to the clean boxed example, but intentionally a touch larger. */
.accordion-arrows-boxed .u-accordion__header {padding:0}
.accordion-arrows-boxed h5 {margin:0;font-size:inherit;line-height:inherit;font-weight:inherit}
.accordion-arrows-boxed h5 a {
  width:100%;
  min-height:41px;
  align-items:center;
  background:var(--aab-background);
  color:var(--aab-title-color) !important;
  font-family:inherit;
  font-size:var(--aab-title-size) !important;
  font-weight:var(--aab-title-weight) !important;
  line-height:1.28;
  text-decoration:none !important;
  cursor:pointer;
  transition:color .18s ease,background-color .18s ease,border-color .18s ease;
}
.accordion-arrows-boxed h5 a:hover {background:var(--aab-hover-background);color:var(--aab-title-hover-color) !important}
.accordion-arrows-boxed h5 a:focus-visible {outline:2px solid var(--aab-accent);outline-offset:2px}

.accordion-arrows-boxed .u-accordion__body {
  padding:11px 13px 4px;
  color:var(--aab-text);
  font-family:inherit;
  font-size:var(--aab-body-size);
  line-height:1.5;
}
.accordion-arrows-boxed .u-accordion__body > :first-child {margin-top:0}
.accordion-arrows-boxed .u-accordion__body > :last-child {margin-bottom:0}

/* Preserve the familiar Unify state hooks, but give this standalone module its own defaults. */
.accordion-arrows-boxed .u-accordion-color-primary .u-accordion__header [aria-expanded="true"] {
  color:var(--aab-title-active-color) !important;
  background:var(--aab-active-background) !important;
}
.accordion-arrows-boxed .u-accordion-color-white .u-accordion__header [aria-expanded="true"] {color:#fff !important}
.accordion-arrows-boxed .u-accordion-bg-primary .u-accordion__header [aria-expanded="true"] {background-color:var(--aab-accent) !important;border-color:var(--aab-accent) !important}
.accordion-arrows-boxed .u-accordion-bg-white .u-accordion__header [aria-expanded="true"] {background-color:#fff !important;border-color:#fff !important}
.accordion-arrows-boxed .u-accordion-brd-primary .u-accordion__header [aria-expanded="true"] {border-color:var(--aab-accent) !important}
.accordion-arrows-boxed .u-accordion-brd-white .u-accordion__header [aria-expanded="true"] {border-color:#fff !important}

/* Self-contained chevrons. Old FA class names remain only as compatibility hooks. */
.accordion-arrows-boxed .u-accordion__control-icon {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:9px;
  min-width:9px;
  height:12px;
  color:var(--aab-arrow-color);
  transition:color .18s ease;
}
.accordion-arrows-boxed .u-accordion__control-icon i {
  display:block !important;
  width:7px !important;
  height:7px !important;
  margin:0 !important;
  padding:0 !important;
  border:solid currentColor !important;
  border-width:0 1.5px 1.5px 0 !important;
  background:none !important;
  font-family:inherit !important;
  font-size:0 !important;
  line-height:0 !important;
  font-style:normal !important;
  text-rendering:auto !important;
}
.accordion-arrows-boxed .u-accordion__control-icon i::before,
.accordion-arrows-boxed .u-accordion__control-icon i::after {content:none !important;display:none !important}
.accordion-arrows-boxed .u-accordion__control-icon .fa-angle-down {transform:translateY(-2px) rotate(45deg)}
.accordion-arrows-boxed .u-accordion__control-icon .fa-angle-up {transform:translateY(2px) rotate(225deg)}
.accordion-arrows-boxed [aria-expanded="false"] .u-accordion__control-icon i:nth-child(1) {display:block !important}
.accordion-arrows-boxed [aria-expanded="false"] .u-accordion__control-icon i:nth-child(2) {display:none !important}
.accordion-arrows-boxed h5 a:hover .u-accordion__control-icon {color:var(--aab-title-hover-color)}
.accordion-arrows-boxed [aria-expanded="true"] .u-accordion__control-icon {color:var(--aab-title-active-color)}
.accordion-arrows-boxed [aria-expanded="true"] .u-accordion__control-icon i:nth-child(1) {display:none !important}
.accordion-arrows-boxed [aria-expanded="true"] .u-accordion__control-icon i:nth-child(2) {display:block !important}

/* Native collapse behavior supplied by accordion-arrows-boxed-standalone-v4.js. */
.accordion-arrows-boxed .collapse {display:none}
.accordion-arrows-boxed .collapse.show {display:block}
.accordion-arrows-boxed .collapse.aab-collapsing {display:block;overflow:hidden;transition:height var(--aab-speed) ease}

@media (max-width:600px) {
  .accordion-arrows-boxed .g-pa-10-15 {padding:10px 12px !important}
  .accordion-arrows-boxed h5 a {font-size:clamp(16px,var(--aab-title-size),18px) !important}
  .accordion-arrows-boxed .u-accordion__body {padding:10px 12px 3px}
}

@media (prefers-reduced-motion:reduce) {
  .accordion-arrows-boxed .collapse.aab-collapsing {transition:none}
  .accordion-arrows-boxed h5 a {transition:none}
}